<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<title>专场发布</title>
	<link rel="stylesheet" href="css/bootstrap.min.css">
	<link rel="stylesheet" href="css/font-awesome.min.css">
	<!--[if IE 7]>
	<link rel="stylesheet" href="css/font-awesome-ie7.min.css">
	<![endif]-->
	<link rel="stylesheet" href="css/common.css">
	<link rel="stylesheet" href="css/style.css">
	<script src="js/jquery-1.11.2.js"></script>
	<script src="js/bootstrap.min.js"></script>
	<script src="js/index.js"></script>
</head>
<body>
	<div class="container-fluid">
		<div class="row auction_title">
			<div class="col-xs-1">
				<i class="icon-angle-left icon-3x"></i>
			</div>
			<div class="col-xs-10 pt10 text-center">
				<span class="fs16">发起拍卖专场</span>
			</div>
		</div>
		<div class="row">
			<div class="col-xs-12 bdb ptb5">
				<div class="col-xs-12 plr0">
					<input name="title" id="name" class="form-control" type="text" value="" placeholder="产品名称：必填（不超过30字）" maxlength="30" onkeyup="javascript:setShowLength(this, 30, 'name_word');">
				</div>
				<div class="col-xs-12 plr0 fs10 gray text-right">
					<span class="red" id="name_word">还可以输入30字数</span>
				</div>
			</div>
			<div class="col-xs-12 h10 bg_gray"></div>
			<div class="col-xs-12 bdb ptb5">
				<div class="col-xs-12 plr0">
					<textarea name="title" maxlength="100" onkeyup="javascript:setShowLength(this, 100, 'goodsIntroduce_word');" rows="3" class="form-control" id="goodsIntroduce" placeholder="产品描述：请填写产品描述（不超过100字）"></textarea>
				</div>
				<div class="col-xs-12 plr0 fs10 gray text-right">
					<span class="red" id="goodsIntroduce_word">还可以输入100字数</span>
				</div>
			</div>
			<div class="col-xs-12 h10 bg_gray"></div>
		</div>
		<div class="row ptb10">
			<div class="col-xs-12 pr7">
				<div class="col-xs-3 pl0 pr7">
					<div class="col-xs-12 plr0 pos-r">
						<input type="file" class="form-control fileUp" id="backdrop" />
						<div class="col-xs-12 plr0">
							<img src="images/addGoods.png" class="img-responsive">
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="row">
			<div class="col-xs-12 h10 bg_gray"></div>
			<div class="col-xs-12 bdb ptb5">
				<div class="col-xs-3 plr0 pt5">一口价：</div>
				<div class="col-xs-9 plr0">
					<input type="text" class="form-control" id="fixedPrice" placeholder="请填写一口价"/>
				</div>
			</div>
		</div>
		<div class="row pt20">
			<div class="col-xs-12">
				<a role="button" class="btn btn-orange col-xs-12">下一步</a>
			</div>
		</div>
	</div>
	<script>
		function setShowLength(obj, maxlength, id) { 
			var rem = maxlength - obj.value.length; 
			var wid = id; 
			if (rem < 0){ 
				rem = 0; 
			} 
			document.getElementById(wid).innerHTML = "还可以输入" + rem + "字数"; 
		}
	</script>
</body>
</html>